<html>
	<head>
		<title>Dashboard – Tournament Management System</title>
		<link rel="icon" type="image/png" href="../../img/logo/tms.fav.png" />
		<link href="../../css/normalize.min.css" rel="stylesheet" type="text/css">
		<link href="../../css/main.css" rel="stylesheet" type="text/css">
		<link href="../../css/tms.css" rel="stylesheet" type="text/css">
		<style type="text/css">
		<!--
			#header {
				background:#00468C;
				/*background:#222222;*/
			}
			#content h1, #content h2, #content h3, #content a{
				color:#00468C;
				/*color:#222222;*/
			}
		-->
		</style>
	</head>
	<body>
		<div id="header">
			<div id="title-bar" class="left">
				<div class="logo"></div>
				<div class="name">Heriot Watt University</div>
				<div class="system">Tournaments System</div>
			</div>
			<div id="user-bar" class="right">
				<span class="username">Leif Gehrmann</span>
				<span class="sep">|</span>
				<a href=""><span class="role">Switch Account</span></a>
				<span class="sep">|</span>
				<a href=""><span class="logout">Logout</span></a>
			</div>
		</div>
		<div id="menu">
			<ul>
				<li class="selected"><img src="../../img/icons/home.14.png"/>Dashboard</li>
			</ul>
			<ul>
				<li><a href=""><img src="../../img/icons/tournament.14.png"/>Tournaments</a></li>
				<li><img src="../../img/icons/jellyfish.14.png"/>Venues</li>
				<li><img src="../../img/icons/sport.14.png"/>Sports</li>
				<li><img src="../../img/icons/match.14.png"/>Matches</li>
				<li ><img src="../../img/icons/group.14.png"/>Groups</li>
				<li><img src="../../img/icons/user.14.png"/>Users</li>
				<li><img src="../../img/icons/news.14.png"/>News</li>
				<li><img src="../../img/icons/money.14.png"/>Tickets</li>
				<li><img src="../../img/icons/report.14.png"/>Reports</li>
			</ul>
			<ul>
				<li><img src="../../img/icons/appearence.14.png"/>Appearence</li>
				<li><img src="../../img/icons/cogwheel.14.png"/>Settings</li>
				<li><img src="../../img/icons/cogwheel.14.png"/>Personal Settings</li>
			</ul>
		</div>
		<div id="content">
			<h1>Dashboard</h1>
			<div class="widget">
				<h2>Latest Tournaments</h2>
				<div class="row"><p><a href="">2012 Heriot Watt</a></p><p class="subtitle">5th-12th February</p></div>
				<div class="row"><p><a href="">2012 Rugby</a></p><p class="subtitle">5th-12th February</p></div>
				<div class="row"><p><a href="">2012 Summer WattBall</a></p><p class="subtitle">5th-12th February</p></div>
			</div>
			<div class="widget">
				<h2>Upcoming Tournaments</h2>
				<div class="row"><p><a href="">2013 Heriot Watt</a></p><p class="subtitle">5th-12th February</p></div>
				<div class="row"><p><a href="">2014 Summer WattBall</a></p><p class="subtitle">5th-12th February</p></div>
			</div>
			<div class="box">
				<h2>Fabulous</h2>
				<p><label>Name<input/></label></p>
				<p><label>Description<input/></label></p>
				<p><label>Poo<input/></label></p>
				<span class="bold small">
							<span class="brown pastel">Hello World</span>
							<span class="brown light">Hello World</span>
							<span class="brown medium">Hello World</span>
							<span class="brown dark">Hello World</span>
						<br/>
							<span class="red pastel">Hello World</span>
							<span class="red light">Hello World</span>
							<span class="red medium">Hello World</span>
							<span class="red dark">Hello World</span>
						<br/>
							<span class="orange pastel">Hello World</span>
							<span class="orange light">Hello World</span>
							<span class="orange medium">Hello World</span>
							<span class="orange dark">Hello World</span>
						<br/>
							<span class="yellow pastel">Hello World</span>
							<span class="yellow light">Hello World</span>
							<span class="yellow medium">Hello World</span>
							<span class="yellow dark">Hello World</span>
						<br/>
							<span class="green pastel">Hello World</span>
							<span class="green light">Hello World</span>
							<span class="green medium">Hello World</span>
							<span class="green dark">Hello World</span>
						<br/>
							<span class="turquoise pastel">Hello World</span>
							<span class="turquoise light">Hello World</span>
							<span class="turquoise medium">Hello World</span>
							<span class="turquoise dark">Hello World</span>
						<br/>
						
							<span class="blue pastel">Hello World</span>
							<span class="blue light">Hello World</span>
							<span class="blue medium">Hello World</span>
							<span class="blue dark">Hello World</span>
						<br/>
						
							<span class="cyan pastel">Hello World</span>
							<span class="cyan light">Hello World</span>
							<span class="cyan medium">Hello World</span>
							<span class="cyan dark">Hello World</span>
						<br/>
						
							<span class="purple pastel">Hello World</span>
							<span class="purple light">Hello World</span>
							<span class="purple medium">Hello World</span>
							<span class="purple dark">Hello World</span>
						<br/>
						
							<span class="magenta pastel">Hello World</span>
							<span class="magenta light">Hello World</span>
							<span class="magenta medium">Hello World</span>
							<span class="magenta dark">Hello World</span>
						<br/>
							<span class="black pastel">Hello World</span>
							<span class="black light">Hello World</span>
							<span class="black medium">Hello World</span>
							<span class="black dark">Hello World</span>
						<br/>
				</span>
				
			</div>
			<div class="widget">
				<h2>Latest Matches / Games</h2>
				<div class="row"><p><a href="">Team A vs Team B</a></p><p class="subtitle"><span class="green light bold" style="margin-right:10px;">WattBall</span> 20th February</p></div>
				<div class="row"><p><a href="">Team B vs Team C</a></p><p class="subtitle"><span style="color:#468C00;font-weight:bold;margin-right:10px;">WattBall</span> 21st February</p></div>
				<div class="row"><p><a href="">Heriot Hurdling - Day 1</a></p><p class="subtitle"><span style="color:#B25900;font-weight:bold;margin-right:10px;">Heriot Hurdling Mens</span> 20th February</p></div>
			</div>
			<div class="widget">
				<h2>Upcoming Matches / Games</h2>
				<div class="row"><p><a href="">Heriot Hurdling - Day 2</a></p><p class="subtitle"><span style="color:#B25900;font-weight:bold;margin-right:10px;">Heriot Hurdling Womens</span> 21st February</p></div>
				<div class="row"><p><a href="">Heriot Hurdling - Day 3</a></p><p class="subtitle"><span style="color:#B25900;font-weight:bold;margin-right:10px;">Heriot Hurdling Mens</span> 22nd February</p></div>
				<div class="row"><p><a href="">Heriot Hurdling - Day 4</a></p><p class="subtitle"><span style="color:#B25900;font-weight:bold;margin-right:10px;">Heriot Hurdling Womens</span> 23rd February</p></div>
				<div class="row"><p><a href="">Heriot Hurdling - Day 5</a></p><p class="subtitle"><span style="color:#B25900;font-weight:bold;margin-right:10px;">Heriot Hurdling Mens</span> 24th February</p></div>
				<div class="row"><p><a href="">Heriot Hurdling - Day 6</a></p><p class="subtitle"><span style="color:#B25900;font-weight:bold;margin-right:10px;">Heriot Hurdling Womens</span> 25th February</p></div>
			</div>
		</div>
		<div id="footer">
			<div class="left"><a href="http://www.infusionsystems.co.uk"><div class="company-logo"></div></a> &nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="">Feedback</a></diV>
			<div class="right"><span style="font-weight:bold;">Tournament Management System 1.0</span>
			</diV>
		</div>
	</body>
</html>